<template>
  <div class="chacao">
    <fieldset>
      <legend>插槽</legend>
      <Child1>hello,Child1</Child1>
      <Child2>
        <template v-slot:c1>
          hello,Child2_C1
        </template>
        <template v-slot:c2>
          hello,Child2_C2
        </template>
      </Child2>
      <Child3>
        <template v-slot:cc="suibian">
          hello{{suibian.msg_c}}
        </template>
      </Child3>
    </fieldset>
  </div>
</template>

<script>
import Child1 from "./Child1";
import Child2 from "./Child2";
import Child3 from "./Child3";
export default {
  name: "Chacao",
  data(){
    return {
      msg:"这是插槽的msg"
    }
  },
  components:{
    Child1,Child2,Child3
  }
}
</script>

<style scoped>
  .chacao{
    width: 100%;
    background-color: cyan;
  }
</style>